人機介面指南 Human Interface Guidelines

蘋果的人機介面指南(HIG)是為設計師和開發者提供的全面資源,旨在為蘋果平臺創造出色體驗。它已經全面更新,滿足從草圖到最終設計的各種需求。

HIG 將特定平臺指南合併為統一文件,簡化了常見設計方法的探索,同時保留各平臺細節。改進的導航幫助瀏覽元件、技術、設計模式和基礎原則,包括視覺索引和相關資源連結。HIG 內建搜尋功能,並將推出更新日誌。

HIG 植根於蘋果早期設計原則,歷史可追溯至圖形使用者介面初期。它是一份動態文件,為蘋果平臺提供最新設計指導,適應新裝置、技術和更新。

1987年理論性內容:

使用者視角 A view of the user

歷史背景:早期個人電腦使用者通常同時是程式設計師,許多人甚至自己動手組裝電腦。

角色轉變:現代個人電腦被視為放大人們執行各種任務能力的工具,使用者的目的是完成工作,而不是“使用電腦”本身。

設計理念:Apple桌面介面(Apple Desktop Interface)透過提供一致、熟悉的環境來支援使用者的多種任務。

設計假設 General design principles

使用者多樣性:使用者行為多樣,Apple桌面介面採用人性化模型,使人機互動設計更加符合使用者需求。

學習與探索:使用者通常是好奇的、主動探索環境的,期望控制和掌握他們所處的環境。

表達和創造力:使用者擅長使用符號表達,能夠運用語言、視覺和手勢交流,當工作環境舒適且富有挑戰時,他們最具創造力和效率。

通用設計原則(General design principles)

現實世界的比喻(Metaphors from the real world)

使用明確的比喻,讓使用者在電腦環境中有預期。

適當時,使用音效和視覺效果來支援比喻。

桌面介面採用“桌面”作為主要比喻,使使用者感到熟悉並易於訪問系統。

直接操控(Direct manipulation)

使用者希望對電腦操作有直接控制感,操作動作應有即時反饋。

視覺效果(如動畫)可以增強使用者體驗,使電腦使用過程更有趣。

指點選擇(See-and-point,代替記憶與輸入)

使用者透過點選螢幕上的選項進行選擇,而非記憶指令。

行為遵循“名詞+動詞”形式,使用者應依賴識別而非記憶。

平均使用者不擅長複雜指令,桌面介面以視覺和空間佈局來幫助使用者快速識別所需功能。

一致性(Consistency)

應用程式內部以及不同應用間應保持一致性。

一致性有助於使用者快速掌握新應用的使用方式,也使使用者在不同應用間切換更加順暢。

所見即所得(WYSIWYG - What You See Is What You Get)

介面應展示使用者最終將獲得的結果。

螢幕顯示的內容應與實際列印內容一致,減少使用者猜測的必要。

使用者控制(User control)

使用者而非電腦主導操作,使用者的每一步行動都應是主動的。

如果使用者選擇風險操作,系統會提示,但仍允許使用者確認後繼續。

反饋和對話(Feedback and dialog)

保持使用者知情,提供即時反饋。

使用者操作應簡潔明瞭,並可組合成更復雜的操作。

容錯性(Forgiveness)

容錯性設計允許使用者輕鬆撤銷操作。

錯誤操作應當易於恢復,系統應向使用者告知不可逆的操作。

感知的穩定性(Perceived stability)

介面應提供視覺和概念上的穩定感,讓使用者在使用時感到熟悉和安全。

介面佈局和顯示元素應保持一致性,以維持“穩定”的視覺體驗。

美學完整性(Aesthetic integrity)

視覺混亂與美觀:不美觀的顯示效果會削弱人機互動的有效性。

元素差異化:不同的元素在螢幕上應有不同的外觀,以便區分。

個性化控制:使用者應能控制工作介面的外觀,展示自己的風格和個性。

視覺設計的重要性:Apple桌面介面注重螢幕視覺效果,以確保介面具有吸引力、簡單明瞭且傳達有效資訊。

圖形溝通原則(Principles of graphic communication)

溝通而非炫技:設計應傳達資訊,而不僅是吸引眼球。

圖形設計的重要性:高質量圖形設計有助於學習、溝通和理解。圖形應清晰、協調,且儘可能展示所有指令和資料。

視覺一致性(Visual consistency)

構建可信環境:保持介面視覺一致性,以便使用者無須重新學習操作。

簡潔的象徵性表達:過度寫實非必需,簡化的符號更能有效傳達資訊。

有效設計圖形:圖示、視窗、對話方塊等介面元素必須有助於實現高效的人機對話。

簡潔性(Simplicity)

設計簡潔為佳:避免過多視窗和複雜圖示,圖示和對話方塊應簡單明確。

簡潔語言:圖示、選單、視窗等組成了使用者與電腦溝通的基礎,語言應簡單明瞭,以方便使用者操作。

清晰性(Clarity)

理解使用者需求:圖形設計應始於對使用者需求的理解,圖形需清晰易讀,並採用真實使用者測試。

視覺提示:動畫在合適時使用,有助於引導使用者注意力,增強介面活力。

可逆操作(Reversible actions)

始終提供退出方式:使用者操作應儘量支援撤銷,讓使用者在不確定時有控制權。

鼓勵可控探索:使用者應能輕鬆取消不需要的操作,提供多種確認選項,以避免意外的重大改變。